<template>
	<div class="aiseo-home-advantage">
	  <img
		src="../../../assets/image/pageHome/footer4.png"
		alt=""
		class="bosdwer"
	  />
	  <img
		src="../../../assets/image/pageHome/footer9.png"
		alt=""
		class="bosdwerJian"
	  />
	  <img
		src="../../../assets/image/pageHome/footer5.png"
		alt=""
		class="bosdwer"
	  />
	  <img
		src="../../../assets/image/pageHome/footer9.png"
		alt=""
		class="bosdwerJian"
	  />
	  <img
		src="../../../assets/image/pageHome/footer6.png"
		alt=""
		class="bosdwer"
	  />
	  <img
		src="../../../assets/image/pageHome/footer9.png"
		alt=""
		class="bosdwerJian"
	  />
	  <img
		src="../../../assets/image/pageHome/footer7.png"
		alt=""
		class="bosdwer"
	  />
	  <img
		src="../../../assets/image/pageHome/footer9.png"
		alt=""
		class="bosdwerJian"
	  />
	  <img
		src="../../../assets/image/pageHome/footer8.png"
		alt=""
		class="bosdwer"
	  />
	</div>
  </template>
  
  <script setup>
  import { ref } from "vue";
  </script>
  
  <style lang="scss" scoped>
  .aiseo-home-advantage {
	margin: 0 auto;
	width: $aiseoHomeWidth;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 80px 0;
  box-sizing: border-box;
  }
  .bosdwer {
	// max-width: 187px;
	// max-height: 267px;
	width: 214px;
	height: 300px;
	overflow: auto;
  }
  
  .bosdwerJian {
	width: 32px;
	height: 32px;
  }
  </style>
  